<template>
	<view class="body p20">
		<view class="bg-white p20 br30">
			<view class="item d-b-c line pt40 pb40">
				<view class="name">头像</view>
				<view class="">
					<up-avatar size="120rpx" :src="data.avatar"></up-avatar>
				</view>
			</view>
			<view class="item d-b-c line pt40 pb40">
				<view class="name">昵称</view>
				<view class="flex-1">
					<input class="tr ww100" type="text" v-model="data.name" placeholder="请输入昵称" />
				</view>
			</view>
			<view class="item d-b-c pt40 pb40">
				<view class="name">手机号码</view>
				<view class="flex-1">
					<input class="tr ww100" type="number" v-model="data.mobile" placeholder="请输入手机号码" maxlength="11" />
				</view>
			</view>
		</view>
	</view>
</template>
<script setup>
	import { reactive } from "vue";
	import { onLoad } from "@dcloudio/uni-app";
	import { useStore } from "vuex";
	import { test } from "@/uni_modules/uview-plus";
	const store = useStore();
	const data = reactive({
		name: "陆会心",
		mobile: "19107382041",
		avatar: ""
	});
</script>
<style scoped lang="scss">
	.name {
		width: 4em;
	}
</style>